<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 		
			放大镜计算参考（盒子和大图可视的比例要一样）：
				var scrollX = document.body.scrollLeft || document.documentElement.scrollLeft; //---
				var scrollY = document.body.scrollTop || document.documentElement.scrollTop; //---
				var moveX = ev.pageX || ev.clientX + scrollX; //---
				var moveY = ev.pageY || ev.clientY + scrollY; //---
				盒子移动：
				坐标 - 缩略图左边或者上边的距离 - 盒子的一半
					然后赋值
				右边大图移动的真正距离：
				大图宽或者高 - 大图可视容器宽或者高，的差 / 缩略图的宽或高 - 盒子的宽或高，的差
					然后赋值
					
					
			倒计时计算参考：
				结束时间戳 - 当前时间戳，毫秒换算到天，余数再换算小时，一直到秒
				
				
			滑动解锁参考（亦可用于单边范围选择）：
				存起起始点的坐标和位置，然后移动的时候，结束点和起始点坐标相减得到移动距离，并加上拖拽块的之前存起来的位置，等于最终一到的位置
				
				
			双向范围选择参考：
				单项范围，加左右最终位置的检测，达到双向范围选择的目的
				
				
			页面左侧导航悬停参考：
				拿到顶部距离，超过这个距离，左侧增加顶部距离，保持与浏览器顶部对齐

			页面滚动距离操作元素思路参考：
				一切以滚动条的滚动范围作为参考，
					该元素小于这个滚动距离怎么样，
					在这个滚动范围又怎么样，
						//在这个范围里面可能会根据滚动方向进行托顶或托底处理
						托顶托底处理
							以这个固定元素的高度为基础，不是固定定位的，
							方向往下，判断顶部是否可以被元素高度 - 窗口高度正好可以求出来，如果大于那个顶部距离，那就滚动高度减顶部距离
							方向往上，判断是否顶部距离是否正好为滚动高度，如果是，那就滚动高度等于顶部距离
					超出这个范围又怎么样
			
			
			通过id定位滚动位置目前都有办法去拉去，暂时不用担心
			
			
			操作元素弹出提示参考：
				获取操作元素的顶部距离，判断是从下面还是上面弹出
				
				
			播放进度计算参考：
				(总长度 * 当前已播放时间) / 全部时间，用的秒为单位（video也一样）
				
				
			录音业务参考：
				点击开始就是录音，松手结束录音，
				如果取消，手势移动到外面范围多少距离就结束录音，或者录完之后先听一遍，没问题在提交
				//
				小程序：wx.getRecorderManager()
						.start()
						.resume()
						.stop()
						.onstop((res)=>{})//res.tempFilePath(文件),res.duration(时长，秒)



			小程序一键登录，自动注册和邀请码业务流程：

				现有登陆页面，注册页面，邀请码页面，这三个page

				都引入封装的登陆方法和注册方法和填写邀请码回调的方法，一个文件，还要记录当前页面路径

				场景：
					
					1.首页到登录，没注册去就注册，(再到邀请码)

					2.首页到登录，登陆了没邀请码，(也去邀请码)

					3.非首页登录，记录地址，登录，没注册去就注册，(再到邀请码)，之后返回

					4.非首页登录，记录地址，登录，没邀请码，(也去邀请码)，之后返回

				就是说每一条线的完成流程的判断标准
				
					登录页面有三个flag：登录成功跳转，登录失败跳转到需要注册，登陆成功没有邀请码跳到邀请码

					注册页面直接到邀请码

					邀请码直接返回其他页面

			h5微信授权登录：

				调用接口拿到code，再使用code进行授权登录返回用户信息

			可视化编辑

				pc拖拽排序，pc模块化选项勾选生成账单，

			可视化显示

				echarts或者其他可视化插件，甚至框架

			左下角不停弹出抽奖

				连续性定时器处理下标，每一个下标再调用一次对应的一次性定时器

		 -->
	</body>
</html>
